<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <title>兴趣选择</title>

    <!-- Expand styles -->
    <link href="../css/app/app.css" rel="stylesheet">
    <link href="../css/app/default.css" rel="stylesheet">
    <link href="../css/mui/mui.css" rel="stylesheet">
</head>

<body>
    <!-- header -->
    <div class="margin-b-60">
        <div class="widget-body widget-default">
            <p class="text-center black font-18 no-margin padding-t-20">选择你感兴趣的视频吧</p>
            <p class="text-center font-12 gray no-margin">至少选择一个<span class="padding-l-5">可随时调整</span></p>

            <!-- 第一部分水果 -->
            <div class="padding-t-20 display-flex align-items-center">
                <span class="tuli"></span>
                <span class="padding-l-5 font-weight black font-13">水果</span>
            </div>
            <div class="padding-t-10 display-flex flex-warp padding-b-15 border1">
                <span class="tuli-content font-15 tuli-bg">水果</span>
                <span class="tuli-content font-15">水果水果水果水果水果</span>
                <span class="tuli-content font-15">水果水果水果</span>
                <span class="tuli-content font-15">水果水果</span>
                <span class="tuli-content font-15">水果</span>
                <span class="tuli-content font-15">水果水果水果水果水果</span>
                <span class="tuli-content font-15">水果</span>
                <span class="tuli-content font-15">水果水果</span>
                <span class="tuli-content font-15">水果水果</span>
                <span class="tuli-content font-15">水果水果</span>
            </div>
            <!-- 第二部分蔬菜 -->
            <div class="padding-t-20 display-flex align-items-center">
                <span class="tuli"></span>
                <span class="padding-l-5 font-weight black font-13">蔬菜</span>
            </div>
            <div class="padding-t-10 display-flex flex-warp padding-b-15 border1">
                <span class="tuli-content font-15 tuli-bg">水果</span>
                <span class="tuli-content font-15">水果水果水果水果水果</span>
                <span class="tuli-content font-15">水果水果水果</span>
                <span class="tuli-content font-15">水果水果</span>
                <span class="tuli-content font-15">水果</span>
                <span class="tuli-content font-15">水果水果水果水果水果</span>
                <span class="tuli-content font-15">水果</span>
                <span class="tuli-content font-15">水果水果</span>
                <span class="tuli-content font-15">水果水果</span>
                <span class="tuli-content font-15">水果水果</span>
            </div>
            <!-- 第二部分蔬菜 -->
            <div class="padding-t-20 display-flex align-items-center">
                <span class="tuli"></span>
                <span class="padding-l-5 font-weight black font-13">蔬菜</span>
            </div>
            <div class="padding-t-10 display-flex flex-warp padding-b-15 border1">
                <span class="tuli-content font-15 tuli-bg">水果</span>
                <span class="tuli-content font-15">水果水果水果水果水果</span>
                <span class="tuli-content font-15">水果水果水果</span>
                <span class="tuli-content font-15">水果水果</span>
                <span class="tuli-content font-15">水果</span>
                <span class="tuli-content font-15">水果水果水果水果水果</span>
                <span class="tuli-content font-15">水果</span>
                <span class="tuli-content font-15">水果水果</span>
                <span class="tuli-content font-15">水果水果</span>
                <span class="tuli-content font-15">水果水果</span>
            </div>
            <!-- 第二部分蔬菜 -->
            <div class="padding-t-20 display-flex align-items-center">
                <span class="tuli"></span>
                <span class="padding-l-5 font-weight black font-13">蔬菜</span>
            </div>
            <div class="padding-t-10 display-flex flex-warp padding-b-15 border1">
                <span class="tuli-content font-15 tuli-bg">水果</span>
                <span class="tuli-content font-15">水果水果水果水果水果</span>
                <span class="tuli-content font-15">水果水果水果</span>
                <span class="tuli-content font-15">水果水果</span>
                <span class="tuli-content font-15">水果</span>
                <span class="tuli-content font-15">水果水果水果水果水果</span>
                <span class="tuli-content font-15">水果</span>
                <span class="tuli-content font-15">水果水果</span>
                <span class="tuli-content font-15">水果水果</span>
                <span class="tuli-content font-15">水果水果</span>
            </div>
        </div>

    </div>
    </div>
    <div class="hobby-maskbg"></div>
    <div class="hobby-footer">
        <div class="bot">
            <span style="display: block;" class="white font-14 text-center">选好了 进入视频页</span>
            <img src="../img/new-expert/go-right.png" alt="">
        </div>

    </div>


    <script type="text/javascript" src="../js/jquery.js"></script>
    <script type="text/javascript" src="../js/mui/mui.js"></script>


</body>

</html>